<template>
  <div>
    <PartLabel :label="label" class="mb-[20px]" />
    <!-- 4个基础字段 -->
    <div class="keys-list">
      <LabelValueUnit
        v-for="(item, index) in dataList"
        :key="index"
        :label="item.label"
        :value="item.value"
        :unit="item.unit"
      />
    </div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import PartLabel from '@/components/portal/PartLabel.vue'
import LabelValueUnit from '@/components/portal/LabelValueUnit.vue'
export default Vue.extend({
  components: { PartLabel, LabelValueUnit },
  props: {
    label: {
      type: String,
      default: 'Part Name',
    },
    dataList: {
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {}
  },
})
</script>
<style lang="scss" scoped></style>
